<template>
  <div class="question">
    <span>{{ title }}</span>
  </div>
</template>
 
<script>
export default {
  name: "",
  props: ["title"],
};
</script>
 
<style lang="less" scoped>
.question {
  width: 100%;
  height: 0.3rem;
  background: #fff;
  position: relative;
  display: flex;
  span {
    padding: 0 0.3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
  }
  &::before {
    content: "";
    // display: block;  flex布局之后不需要display：block
    width: 50%;
    border: 1px solid #ccc;
    margin: auto;
  }
}
</style>